<template>
	<!-- 频道title组件 -->
	<Patch>
		<div class="menu-box" :class="checked?'checked':''" @click="$emit('handleTitle', title.id)">
			<div class="title">{{title.name}}</div>
			<div class="right"><Icon type="arrowRight"></Icon></div>
		</div>
	</Patch>
</template>

<script>

export default{
	props:{
		// title数据
		title:{
			type: Object,
			required: true
		},
		// 选中的id
		checked:{
			type: Boolean,
			default: false
		}
	}
}
</script>

<style lang="less" scoped>
.menu-box{
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	&.checked{
		background-color: #E7E7E7;
	}
	.title{
		font-size: 16px;
		color: #212121;
	}
	.right{
		font-size: 18px;
		color: var(--c9);
	}
}
</style>
